<%@ Page Language="C#" MasterPageFile="~/SiteAdmin/MasterPage.master" AutoEventWireup="true" CodeFile="Scheduler.aspx.cs" Inherits="Scheduler" Title="Untitled Page" Theme="DefaultSkin" %>
<asp:Content ID="Content1" ContentPlaceHolderID="contentPlaceHolderID" Runat="Server">

<asp:Panel ID="pnlEdit" runat="server" CssClass="centerPanel" Width="95%">

    <ofcc:Calendar ID="calendar" runat="server" CellSpacing="0" CellPadding="0" Height="500px" OnDayRender="calendar_DayRender" Width="100%" DayNameFormat="Full" BorderColor="#D6E3F1" VisibleOtherMonth="True">
        <DayStyle BorderColor="#CCDDEE" BorderStyle="Solid" BorderWidth="1px"
            Font-Size="10px" ForeColor="#6A6A6B" HorizontalAlign="Right" VerticalAlign="Top" />
        <TitleStyle BackColor="#D6E3F1" />
    </ofcc:Calendar>
    <asp:TextBox ID="tbSelectData" runat="server"></asp:TextBox><asp:HyperLink ID="btnPopup" runat="server">activates the modal popup</asp:HyperLink>
        
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none; text-align:left;" Width="350px">
        <div style="background-color:#ffffff;">
        <asp:Panel ID="Panel3" runat="server" CssClass="modalSubject">
            <div>
                <div class="modalClose">&nbsp;</div>
                Choose the paragraph style you would like:
            </div>
        </asp:Panel>
        <div class="modalContent">
            <p>
                <input id="RadioA" checked="checked" name="Radio" onclick="styleToSelect = 'sampleStyleA';"
                    type="radio" />
                <label class="sampleStyleA" for="RadioA" style="padding-right: 3px; padding-left: 3px;
                    padding-bottom: 3px; padding-top: 3px">
                    Sample paragraph text</label>
            </p>
            <p>
                <input id="RadioB" name="Radio" onclick="styleToSelect = 'sampleStyleB';" type="radio" />
                <label class="sampleStyleB" for="RadioB" style="padding-right: 3px; padding-left: 3px;
                    padding-bottom: 3px; padding-top: 3px">
                    Sample paragraph text</label>
            </p>
            <p>
                <input id="RadioC" name="Radio" onclick="styleToSelect = 'sampleStyleC';" type="radio" />
                <label class="sampleStyleC" for="RadioC" style="padding-right: 3px; padding-left: 3px;
                    padding-bottom: 3px; padding-top: 3px">
                    Sample paragraph text</label>
            </p>
            <p>
                <input id="RadioD" name="Radio" onclick="styleToSelect = 'sampleStyleD';" type="radio" />
                <label class="sampleStyleD" for="RadioD" style="padding-right: 3px; padding-left: 3px;
                    padding-bottom: 3px; padding-top: 3px">
                    Sample paragraph text</label>
            </p>
            <p >
                <asp:Button ID="OkButton" runat="server" Text="OK" />
                <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
            </p>
        </div>
        </div>
        
        
    </asp:Panel>
    <ajax:modalpopupextender id="ModalPopupExtender" runat="server" backgroundcssclass="modalBackground"
        cancelcontrolid="CancelButton" dropshadow="true" okcontrolid="OkButton" onokscript="onOk()"
        popupcontrolid="Panel1" popupdraghandlecontrolid="Panel3" targetcontrolid="btnPopup"></ajax:modalpopupextender>
    </asp:Panel>
    <div  onclick='alert(111); return false;'>sdfwf<div onclick='return abcd();'>sdsdfdsf</div></div>
    <script type="text/javascript">
        function abcd()
        {
        //alert(2222); 
        return false;
        }
        // The following snippet works around a problem where FloatingBehavior
        // doesn't allow drops outside the "content area" of the page - where "content
        // area" is a little unusual for our sample web pages due to their use of CSS
        // for layout.
        function setBodyHeightToContentHeight() {
            document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px";
        }         
        setBodyHeightToContentHeight();
        $addHandler(window, "resize", setBodyHeightToContentHeight);    
    </script>
</asp:Content>


